<!DOCTYPE html>
<html>
  <head>
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width">
    <meta charset="utf-8">
    <title>数据统计</title>
    <link rel="stylesheet" type="text/css" href="../css/index.css">
    <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
    <!--<script type="text/javascript" src="../js/echarts.min.js"></script>-->
    <script src="https://cdn.bootcss.com/echarts/3.7.2/echarts-en.min.js"></script>
    <script type="text/javascript" src="../js/china.js"></script>
    <script type="text/javascript" src="../js/config.js"></script>
    
  </head>
  <body>


  	<!-- <div class="content" id="content"> -->
      <div class="index-box" id="contentCenter">
    		<div class="index-center clearfix" >
    			<div class="index-center-left">
            <div class="pick1">
              <p class="title">今日交易量</p>
              <p class="num">
                0<span>台</span>
              </p>
            </div>
            <div class="pick2">
              <p class="title">本月交易量</p>
              <p class="num">
                0<span>台</span> 
              </p>
            </div>  
            <div class="pick3">
              <p class="title">今日入库数</p>
              <p class="num">
                0<span>台</span>
              </p>
            </div>  
            <div class="pick4">
              <p class="title">本月入库数</p>
              <p class="num">
                0<span>台</span>
              </p>
            </div>     
          </div>
          <div class="index-center-center">
            <h2 class="time" id="time"></h2>
            <p class="date" id="date"></p>
          </div>
          <div class="index-center-right">
            <p class="user-name" id="userName">李俊杰</p>
            <!--<p class="user-type">销售</p>-->
            <p class="ago-text">上次登录时间</p>
            <p class="ago-time">2017-09-09 12:00:35</p>
          </div>
    		</div>
        <div class="index-bottom clearfix">

          <div class="index-bottom-bar">
            <div class="title">各市场车辆成交情况</div>
            <div class="box" id="zhu">
              
            </div>
          </div>
          <div class="index-bottom-rank">
            <div class="title">排行榜</div>
            <div class="box">
              <div class="nav">
                <span class="nav-list on">按品牌</span>
                <span class="nav-list">按颜色</span>
                <span class="nav-list">按车型</span>
                <span class="nav-list">按业绩</span>
                <span class="nav-list">按成交量</span>
                <span class="nav-list">按价格</span>
              </div>
              <div class="info-warp">

              </div>
            </div>
          </div>
          
        </div>

         <div class="index-bottom clearfix">
          <div class="index-bottom-map fullScreen">
            <div class="title">全国成交量情况分布</div>
            <div class="box" id="map">
              
            </div>
          </div>
        </div>







      </div>
  	<!-- </div> -->

  
<script type="text/javascript" src="../js/map.js"></script>
<script type="text/javascript" src="../js/show.js"></script>
<script type="text/javascript">
var numAjax=0;
$(document).ajaxSuccess(function(evt, request, settings){  
    numAjax++;
    if (numAjax>=4) {
      $('.loading').hide()
    }
 });   

$('#full').click(function(){
  if ($('.index-bottom-map').hasClass('fullScreen')) {
   $('.index-bottom-map').removeClass('fullScreen');
    myChart.resize()

   
  }else{
    $('.index-bottom-map').addClass('fullScreen');
    myChart.resize()
  }
})































































// $('.theme').click(function(){
//       if($('.header').hasClass('theme1')){
//         $('.header').removeClass('theme1')
//         $('.left-nav').removeClass('theme1')
//       }else{
//         $('.header').addClass('theme1')
//         $('.left-nav').addClass('theme1')
//       }
//     });


        window.onload = function(){
          // setContentHeight();
          // setContentWeight();
          getNowDate();
        }
        // window.onresize = function () {
        //   setContentHeight();
        //   setContentWeight();
        // }

        // function setContentWeight(){
        //   var proNum = window.innerWidth/1366;
        //   if (window.innerWidth >= 1366) {
        //     document.getElementById('contentCenter').style.WebkitTransform = 'scale('+proNum+','+proNum+')';
        //     document.getElementById('contentCenter').style.transform = 'scale('+proNum+','+proNum+')';
        //     document.getElementById('contentCenter').style.MozTransform = 'scale('+proNum+','+proNum+')';
        //     document.getElementById('contentCenter').style.WebkitTransform = 'scale('+proNum+','+proNum+')';
        //     document.getElementById('contentCenter').style.OTransform = 'scale('+proNum+','+proNum+')';
        //   }
        // }
        // function setContentHeight() {
        //   document.getElementById('content').style.minHeight = window.innerHeight-120 + 'px';
        // }
        function getNowDate(){
          var timeText = document.getElementById('time');
          var dateText = document.getElementById('date');
          var NowDate = new Date();
          var myHours = NowDate.getHours()>9?NowDate.getHours().toString():'0' + NowDate.getHours();
          var myMinutes = NowDate.getMinutes()>9?NowDate.getMinutes().toString():'0' + NowDate.getMinutes();
          var mySeconds = NowDate.getSeconds()>9?NowDate.getSeconds().toString():'0' + NowDate.getSeconds();
            timeText.innerHTML = myHours +':'+ myMinutes +':'+ mySeconds
            dateText.innerHTML = NowDate.getFullYear() +'年' 
                      + NowDate.getMonth() + '月' 
                      + NowDate.getDate() +'日  '
                      + turnWeek(NowDate.getDay());
          setTimeout(()=>{this.getNowDate()},1000)
        }
        function turnWeek(n){
          switch(n){
            case 0:
              return '星期日'
              break;
            case 1:
              return '星期一'
              break;
            case 2:
              return '星期二'
              break;
            case 3:
              return '星期三'
              break;
            case 4:
              return '星期四'
              break;
            case 5:
              return '星期五'
              break;
            case 6:
              return '星期六'
              break;
          }
        }
    </script>
  </body>
</html>

